/* guide */


form					{ margin:0px; padding:0px;}

.clearit				{ clear:both; margin:0px; padding:0px;}
.left					{ float:left;}
.right					{ float:right;}

.dblock			{ display:block;}

/*PNGFIX*/
img, td { behavior: url(../iepngfix.htc) }
.img_link img {behavior: url(../iepngfix.htc); height:23px; width:66px; }


/* background */
.bg_white				{ background:#FFFFFF;}
.bg_black				{ background: #000000;}

.bg_trans80				{ filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
.bg_trans90				{ filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}


/* width */
.w20					{ width:20px;}
.w25					{ width:25px;}
.w30					{ width:30px;}
.w40					{ width:40px;}
.w50					{ width:50px;}
.w55					{ width:55px;}
.w60					{ width:60px;}
.w65					{ width:65px;}
.w70					{ width:70px;}
.w80					{ width:80px;}
.w100					{ width:100px;}
.w120					{ width:120px;}
.w125					{ width:125px;}
.w130					{ width:130px;}
.w140					{ width:140px;}
.w150					{ width:150px;}
.w155					{ width:155px;}
.w160					{ width:160px;}
.w180					{ width:180px;}
.w182					{ width:182px;}
.w190					{ width:190px;}
.w195					{ width:195px;}
.w200					{ width:200px;}
.w210					{ width:210px;}
.w225					{ width:225px;}
.w250					{ width:250px;}
.w260					{ width:260px;}
.w280					{ width:280px;}
.w300					{ width:300px;}
.w305					{ width:305px;}
.w307					{ width:307px;}
.w310					{ width:310px;}
.w317					{ width:317px;}
.w320					{ width:320px;}
.w323					{ width:323px;}
.w325					{ width:325px;}
.w330					{ width:330px;}
.w333					{ width:333px;}
.w350					{ width:350px;}
.w360					{ width:360px;}
.w400					{ width:400px;}
.w410					{ width:410px;}
.w425					{ width:425px;}
.w450					{ width:450px;}
.w468					{ width:468px;}
.w470					{ width:470px;}
.w500					{ width:500px;}
.w520					{ width:520px;}
.w540					{ width:540px;}
.w550					{ width:550px;}
.w560					{ width:560px;}
.w570					{ width:570px;}
.w580					{ width:580px;}
.w600					{ width:600px;}
.w630					{ width:630px;}
.w645					{ width:645px;}
.w650					{ width:650px;}
.w660					{ width:660px;}
.w680					{ width:680px;}
.w700					{ width:700px;}
.w728					{ width:728px;}
.w750					{ width:750px;}
.w780					{ width:780px;}
.w800					{ width:800px;}
.w835					{ width:835px;}
.w950					{ width:950px;}
.w965					{ width:965px;}
.w975					{ width:975px;}
.w990					{ width:990px;}
.w995					{ width:995px;}
.w1000				{ width:1000px;}
.wfull				{ width:100%;}

/* height */
.h5						{ height:5px;}
.h10					{ height:10px;}
.h20					{ height:20px;}
.h32					{ height:32px;}
.h40					{ height:40px;}
.h50					{ height:50px;}
.h55					{ height:55px;}
.h60					{ height:60px;}
.h75					{ height:75px;}
.h100					{ height:100px;}
.h110					{ height:110px;}
.h120					{ height:120px;}
.h150					{ height:150px;}
.h105					{ height:105px;}
.h200					{ height:200px;}
.h225					{ height:225px;}
.h235					{ height:235px;}
.h250					{ height:250px;}
.h300					{ height:215px;}
.h470					{ height:470px;}

.hmin130				{ min-height:130px;}
.hmin235				{ min-height:235px;}
.min250					{ margin-top:-250px;}


/*min height*/
.mh78					{ min-height:78px;}


/* color_hover */
.cc_white				{ color: #FFFFFF;}
.cc_white a				{ text-decoration:none; color:#FFFFFF;}
.cc_white a:hover		{ color: #CCCCCC;}


.cc_black				{ color: #000000;}
.cc_black a				{ text-decoration:none; color:#000000;}
.cc_black a:hover		{ text-decoration: underline;}

.cc_pink				{ color: #dc2930;}
.cc_pink	 a			{ text-decoration:none; color: #dc2930;}
.cc_pink	 a:hover	{ text-decoration: underline;}

.cc_red 				{ color: #990000;}
.cc_red a				{ text-decoration:none; color: #990000;}
.cc_red a:hover			{ text-decoration: underline;}

.cc_abu					{ color: #808080 ;}
.cc_abu a				{ text-decoration:none; color:#808080;}
.cc_abu a:hover			{ text-decoration: none;}

.cc_abu2				{ color: #333333;}
.cc_abu2 a				{ text-decoration:none; color:#333333;}
.cc_abu2 a:hover		{ text-decoration: underline;}

.cc_abu3				{ color: #CCCCCC;}
.cc_abu3 a				{ text-decoration:none; color:#CCCCCC;}
.cc_abu3 a:hover		{ text-decoration: underline;}

.cc_abu4				{ color: #333333;}
.cc_abu4 a				{ text-decoration:none; color:#333333;}
.cc_abu4 a:hover		{ text-decoration: none;}

.cc_blue_dark			{ color: #0046b0;}
.cc_blue_dark a			{ text-decoration:none; color: #036;}
.cc_blue_dark a:hover	{ text-decoration: underline;}

.cc_blue				{ color: #C4E1FF;}
.cc_blue a				{ text-decoration:none; color:#0046b0;}
.cc_blue a:hover		{ text-decoration: underline;}

.c_blue_sub				{color:#115ba8;}
	
.cc_green				{ color: #334b00;}
.cc_green a				{ text-decoration:none; color:#3b5d1d;}
.cc_green a:hover		{ color: #334b00;}

.cc_green_2				{ color: #063;}
.cc_green_2 a			{ text-decoration:none; color:#063;}
.cc_green_2 a:hover		{ color: #063;}

.cc_ungu				{ color: #782866;}
.cc_ungu a				{ text-decoration:none; color:#782866;}
.cc_ungu a:hover		{ text-decoration: underline;}

.cc_toska				{ color: #006d7a;}
.cc_toska a				{ text-decoration:none; color:#006d7a;}
.cc_toska a:hover		{ text-decoration: underline;}

.cc_orange				{ color: #FF6600;}
.cc_orange a			{ text-decoration:none; color:#FF6600;}
.cc_orange a:hover		{ text-decoration: none;  color: #FF3300;}

.c_orange3				{color:#f07508;}

.cc_cokelat				{ color: #74634B;}
.cc_cokelat a			{ text-decoration:none; color: #935d18;}
.cc_cokelat a:hover		{ text-decoration:none; color: #74634B}



/* color_underline */
.c_white				{ color: #FFFFFF;}
.c_white a				{ text-decoration:none; color:#FFFFFF;}
.c_white a:hover		{ text-decoration: underline;}

.c_white2				{ color: #FFFFFF;}
.c_white2 a				{ text-decoration:none; color:#FFFFFF;}
.c_white2 a:hover		{ text-decoration: none; color:#CCCCCC;}

.c_black				{ color: #000000;}
.c_black a				{ text-decoration:none; color:#000000;}
.c_black a:hover		{ text-decoration: underline;}

.c_pink					{ color: #dc2930;}
.c_pink	 a				{ text-decoration:none; color: #dc2930;}
.c_pink	 a:hover		{ text-decoration: underline;}

.c_red 					{ color: #990000;}
.c_red a				{ text-decoration:none; color: #990000;}
.c_red a:hover			{ text-decoration: underline;}

.c_abu					{ color: #808080 ;}
.c_abu a				{ text-decoration:none; color:#808080;}
.c_abu a:hover			{ text-decoration: underline;}

.c_abu2					{ color: #333333;}
.c_abu2 a				{ text-decoration:none; color:#333333;}
.c_abu2 a:hover			{ text-decoration: underline;}

.c_abu3					{ color: #CCCCCC;}
.c_abu3 a				{ text-decoration:none; color:#CCCCCC;}
.c_abu3 a:hover			{ text-decoration: underline;}

.c_abu3a				{ color: #CCCCCC;}
.c_abu3a a				{ text-decoration: underline; color:#CCCCCC;}
.c_abu3a a:hover		{ text-decoration: none;}

.c_abu4					{ color: #333333;}
.c_abu4 a				{ text-decoration:none; color:#333333;}
.c_abu4 a:hover			{ text-decoration: underline;}

.c_abu5					{ color: #666666;}
.c_abu5 a				{ text-decoration:none; color:#666666;}
.c_abu5 a:hover			{ text-decoration: underline;}

.c_abu9					{ color: #999999;}
.c_abu9 a				{ text-decoration:none; color:#999999;}
.c_abu9 a:hover			{ text-decoration: underline;}

.c_blue_dark			{ color: #0046b0;}
.c_blue_dark a			{ text-decoration:none; color:#0046b0;}
.c_blue_dark a:hover	{ text-decoration: underline;}

.c_blue					{ color: #C4E1FF;}
.c_blue a				{ text-decoration:none; color:#0046b0;}
.c_blue a:hover			{ text-decoration: underline;}

.c_blue2				{ color: #278C9E;}
.c_blue2 a				{ text-decoration:none; color:#278C9E;}
.c_blue2 a:hover		{ text-decoration: underline;}

.c_blue_kompas				{ color: #1170a0;}
.c_blue_kompas a			{ text-decoration:none; color:#1170a0;}
.c_blue_kompas a:hover		{ text-decoration: underline;}

.cc_blue_kompas				{ color: #1170a0;}
.cc_blue_kompas a			{ text-decoration:none; color:#1170a0;}
.cc_blue_kompas a:hover		{ text-decoration: none; color:#000;}
	
.c_green				{ color: #334b00;}
.c_green a				{ text-decoration:none; color:#334b00;}
.c_green a:hover		{ text-decoration: underline;}

.c_ungu					{ color: #782866;}
.c_ungu a				{ text-decoration:none; color:#782866;}
.c_ungu a:hover			{ text-decoration: underline;}

.c_toska				{ color: #006d7a;}
.c_toska a				{ text-decoration:none; color:#006d7a;}
.c_toska a:hover		{ text-decoration: underline;}

.c_orange				{ color: #ff3c00;}
.c_orange a				{ text-decoration:none; color:#ff3c00;}
.c_orange a:hover		{ text-decoration: underline;}

.c_yellow				{ color: #FF0;}
.c_yellow a				{ text-decoration:none; color:#FF0;}
.c_yellow a:hover		{ text-decoration: underline;}

.c_orange2				{ color: #FF9900;}
.c_orange2 a			{ text-decoration:none; color:#FF9900;}
.c_orange2 a:hover		{ text-decoration: underline;}

.c_cokelat				{ color: #89621f;}
.c_cokelat a			{ text-decoration:none; color:#89621f;}
.c_cokelat a:hover		{ text-decoration: underline;}

.c_cokelat2				{ color: #74634B;}
.c_cokelat2 a			{ text-decoration: underline; color:#74634B;}
.c_cokelat2 a:hover		{ text-decoration: none;}


/* font size */
.font44					{ font-size:44px;}
.font36					{ font-size:36px;}
.font30					{ font-size:30px;}
.font28					{ font-size:28px;}
.font26					{ font-size:26px;}
.font24					{ font-size:24px;}
.font22					{ font-size:22px;}
.font21					{ font-size:21px;}
.font20					{ font-size:20px;}
.font18					{ font-size:18px;}
.font16					{ font-size:16px;}
.font14					{ font-size:14px;}
.font13					{ font-size:13px;}
.font12					{ font-size:12px;}
.font11					{ font-size:11px;}
.font10					{ font-size:10px;}

/* font type */

.arial					{ font-family: Arial, Helvetica, sans-serif;}
.lucida					{ font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Arial;}
.avant					{ font-family: "AvantGarde Medium", "AvantGarde Md BT", "Lucida Grande", Arial;}
.trebuchet				{ font-family:"Trebuchet MS", arial;}
.helvetica				{ font-family:"Helvetica 65 Medium", arial;}
.tahoma					{ font-family: Tahoma, arial;}
.verdana				{ font-family: Verdana, arial;}

/* margin */
.mg_5					{ margin:5px;}
.mg_10					{ margin:10px;}
.mg_15					{ margin:15px;}
.mg_20					{ margin:20px;}

.mt_2					{ margin-top:2px;}
.mt_5					{ margin-top:5px;}
.mt_10					{ margin-top:10px;}
.mt_15					{ margin-top:15px;}
.mt_20					{ margin-top:20px;}

.mb_2					{ margin-bottom:2px;}
.mb_5					{ margin-bottom:5px;}
.mb_10					{ margin-bottom:10px;}
.mb_15					{ margin-bottom:15px;}
.mb_20					{ margin-bottom:20px;}

.mr_5					{ margin-right:5px;}
.mr_10					{ margin-right:10px;}
.mr_15					{ margin-right:15px;}
.mr_20					{ margin-right:20px;}

.ml_5					{ margin-left:5px;}
.ml_10					{ margin-left:10px;}
.ml_15					{ margin-left:15px;}
.ml_20					{ margin-left:20px;}


.mg_0a					{ margin:0px auto;}

/* padding */
.pd_1					{ padding:1px;}
.pd_2					{ padding:2px;}
.pd_3					{ padding:3px;}
.pd_5					{ padding:5px;}
.pd_10					{ padding:10px;}
.pd_15					{ padding:15px;}
.pd_20					{ padding:20px;}

.pl_5					{ padding-left:5px;}
.pl_10					{ padding-left:10px;}
.pl_15					{ padding-left:15px;}
.pl_20					{ padding-left:20px;}
.pl_30					{ padding-left:30px;}

.pr_3					{ padding-right:3px;}
.pr_5					{ padding-right:5px;}
.pr_8					{ padding-right:8px;}
.pr_10					{ padding-right:10px;}
.pr_15					{ padding-right:15px;}
.pr_20					{ padding-right:20px;}

.pt_3					{ padding-top:3px;}
.pt_5					{ padding-top:5px;}
.pt_8					{ padding-top:8px;}
.pt_10					{ padding-top:10px;}
.pt_15					{ padding-top:15px;}
.pt_20					{ padding-top:20px;}
.pt_30					{ padding-top:30px;}
.pt_35					{ padding-top:35px;}
.pt_40					{ padding-top:40px;}

.pb_3					{ padding-bottom:3px;}
.pb_5					{ padding-bottom:5px;}
.pb_10					{ padding-bottom:10px;}
.pb_15					{ padding-bottom:15px;}
.pb_20					{ padding-bottom:20px;}

